{config_load file="lang/$language/lang_$language.conf" section="checkout_payment"}
{if $error}
	<div class="headerError">{$error}</div>
{/if}
<h2>{#heading_payment#}</h2>

    <div align="center">
        <div style="width:100%">
            <div style="float:left; width:24.9%">
                <div class="checkout_line">&nbsp;</div>
                <div class="checkoutBarTo">{#text_shipping_info#}</div>
            </div>
            <div style="float:left; width:24.9%">
                <div class="checkout_line"><img src="{$tpl_path}img/checkout_bullet.gif" alt="Bullet" /></div>
                <div class="checkoutBarCurrent">{#text_payment_info#}</div>
            </div>
            <div style="float:left; width:24.9%">
                <div class="checkout_line">&nbsp;</div>
                <div class="checkoutBarTo">{#text_confirm#}</div>
            </div>
            <div style="float:left; width:24.9%">
                <div class="checkout_line">&nbsp;</div>
                <div class="checkoutBarTo">{#text_finished#}</div>
            </div>
            <br style="clear:both" />
        </div>
    </div>
    <br />
        <hr />
    <br />
    {$FORM_ACTION}
    <div align="left" style="width:530px;">
        <div style="float:left; width:300px;" align="left">
            <h3>{#title_address#}</h3>
            {#text_address#}
        </div>
        <div style="float:right; width:150px; padding:10px; background-color: #F2F2F2; border: 1px solid #ccc; color:#686868" align="left">
            {$ADDRESS_LABEL}<br /><br />
            {$BUTTON_ADDRESS}
        </div>
        <br style="clear:both" />
    </div>
    <br style="clear:both" /><hr />
    <br />
	{if $GV_COVER !='true'}
		{if $module_gift !=''}
			{$module_gift}<br /><hr /><br />
		{/if}
	{else}
		{#text_gccover#}<br />
	{/if}
    <div class="checkout_payment_block"> 
    	<h3>{#title_payment#}</h3>
		{#text_payment#}<br /><br />
		{$PAYMENT_BLOCK}
    </div>
    <br style="clear:both" />
    <br />
        <hr />
    <br />
    <div class="checkout_payment_comments">
        <h3>{#title_comments#}</h3>
        <span class="textarea">{$COMMENTS}</span>
    </div>
<fieldset class="checkout_payment">
	<legend><strong>{#title_agb#}</strong></legend>
	{$AGB_LINK} {$BUTTON_PRINT_AGB} {$AGB_PDF_LINK}<br /><br />
	<span class="textarea">{$AGB}</span><br /><br />
	{if $AGB_CHECKBOX == 'true'}
		<div class="red_agb border_radius_6" id="agb">
			{$AGB_checkbox} <strong>{#text_accept_agb#}</strong>
		</div>
	{/if}
</fieldset>	
{if $DATENSCHUTZ_ON_CHECKOUT == 'true'}
<fieldset class="checkout_payment">
	<legend><strong>{#title_ds#}</strong></legend>
	{$DS_LINK} {$BUTTON_PRINT_DS} {$DS_PDF_LINK}<br /><br />
	<span class="textarea">{$DS}</span><br /><br />
	{if $DSG_CHECKBOX == 'true'}
		<div class="red_ds border_radius_6" id="ds">
	    	{$DS_checkbox} <strong>{#text_accept_ds#}</strong>
	    </div>
	{/if}
</fieldset>
{/if}
{if $REVOCATION_ON_CHECKOUT == 'true'}
<fieldset class="checkout_payment">	
	<legend><strong>{#title_wd#}</strong></legend>
	{$WD_LINK} {$BUTTON_PRINT_WD} {$WD_PDF_LINK}<br /><br />
	<span class="textarea">{$WD}</span><br /><br />
	{if $REVOCATION_CHECKBOX == 'true'}
		<div class="red_wd border_radius_6" id="wd">
	     	{$WD_checkbox} <strong>{#text_accept_wd#}</strong>
	    </div>
	{/if}
</fieldset>
{/if}
<div align="right">{$BUTTON_CONTINUE}</div>
{$FORM_END} <br />
<script type="text/javascript">
	{literal}
	jQuery(document).ready(function(){ 
		jQuery('.red_agb input').click(function () {
			jQuery('.red_agb').toggleClass("green");
		});
	});
	jQuery(document).ready(function(){ 
		jQuery('.red_ds input').click(function () {
			jQuery('.red_ds').toggleClass("green");
		});
	});
	jQuery(document).ready(function(){ 
		jQuery('.red_wd input').click(function () {
			jQuery('.red_wd').toggleClass("green");
		});
	});	
	{/literal}
</script>

